<template>
  <div id="app">
    <div id="nav">
      <router-link to="/"></router-link> 
     
    </div>
    <router-view/>
  </div>
</template>
<script>

</script>

<style lang="less" >
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: .14em;
  
}
html{
  font-size: 100px!important;
  width: 100%;
  min-height: 100%;
}

.van-form{
  width: 60%;
  
  position: relative;
  top: 3.8rem ;
  left: 20%;
  z-index: 2;
  .van-field{
    margin: .14rem 0;
   
    
    .van-field__label{
      color: black!important;
      margin: 0;
      width: .4rem;
     }
     
    
   
  }
  .van-button{
    background: #4267fe;
    width: 75%;
    height: .48rem;
    margin: .61rem auto;
    border: 2px solid black;
  }
  .van-cell{
    border-radius: .18rem;
     background: #ffcd33;
     height: .36rem;
    border-radius: .34rem;
     border: 2px solid black;
  }
  // .van-cell__title{
  //   width: .3rem;
  // }
}
header{
    background: #003399;
    .van-nav-bar{background:#003399;
font-size: .2rem;
padding:3% 0 0;
.van-nav-bar__title,.van-nav-bar__text{
    color: white;
    font-size: .2rem;
}
.van-icon{
    font-size: .2rem;
    color: white;
}
     }
    
}
.total{
    text-align: center;
    p{
        padding: 2.5%;
    }
    .first{
        font-size: .18rem;
        color: #aaaaaa;
    }
    .age{
        font-size: .4rem;
        color:#ffd21e ;
    }
   .simle{
      padding: 2.5% 0 0 0;
    }
    .van-rate__icon{
        font-size: .4rem;
    }
}
.cent{
  background: white;
  margin: 0 0 4% 0 ;
  font-size: .18rem;
  span{
      color: #003399;
      background: #f4fbfe;
      line-height: .45rem;
  }
  ul{
      .van-rate__item{
         line-height: .45rem;
      } 
    margin: 0  4%;
     li{
         
    line-height: .45rem;
    display: flex;
    p{
        width: 25%;
    }
    i{
          width: 25%;
    }
    
  }
  }
 
}
.van-field{
    font-size: .18rem;
}

</style>
